@charset "utf-8";
/* CSS Document */
.w_820{ width:820px; clear:both; margin:15px auto;}
.homeBox{border-radius:5px; border:1px solid #e0e0e0; background:#fff; box-shadow:0 0 1px #ccc; padding:0px 0px 15px 0px;}
.noticeLay{ border-radius:5px; position:absolute; left:196px; top:50px; z-index:9999; width:958px; border:1px solid #e0e0e0; background:#fff; box-shadow:0 0 1px #ccc; padding:0px 0px 15px 0px;}
.channelNav{ position:relative; clear:both; height:60px; text-align:center; border:1px solid #d6d6d6; border-bottom:none; background:#fff;}
.channelNav .addin{ float:left; width:106px;}
.channelNav .addin a{ display:block; width:106px; height:60px; background:url(../images/family/add.png) no-repeat; line-height:60px; text-align:center; font-size:14px; color:#333;}
.channelNav .addin a:hover{ text-decoration:none}
.channelNav .leftChannel{ padding-left:15px; height:60px; float:left;}
.channelNav .leftChannel .prev,.channelNav .leftChannel .next{ float:left; width:9px; height:17px; margin-top:22px;}
.channelNav .leftChannel .next{ padding-right:15px;}
.channelNav .leftChannel .prev a{ width:9px; height:17px; text-indent:-300px; overflow:hidden; white-space:nowrap; background:url(../images/family/roll.png) no-repeat; display:block; float:left;}
.channelNav .leftChannel .next a{ width:9px; height:17px; text-indent:-300px; overflow:hidden; white-space:nowrap; background:url(../images/family/roll.png) no-repeat -11px 0; display:block; float:left;}
.channelNav .leftChannel .midPlay{ padding:8px 0; height:43px; float:left; width:577px; overflow:hidden; position:relative;}
.channelNav .leftChannel .spend{ width:731px;}
.channelNav .leftChannel ul{ position:absolute; left:0px; overflow:hidden; height:43px;}
.channelNav .leftChannel li{height:43px; line-height:43px; float:left; display:inline; margin-left:10px; font-weight:bold; width:83px; text-align:center;}
.channelNav .leftChannel .spend li{ margin-left:7px;}
.channelNav .leftChannel li a,.channelNav .rightChannel li a{ background:url(../images/family/nav.png) no-repeat; display:inline-block;height:43px; width:83px;}
.channelNav .leftChannel li a:hover,.channelNav .rightChannel li a:hover{ color:#333; text-decoration:none;}
.channelNav .leftChannel li a:active,.channelNav .leftChannel li a.current,.channelNav .rightChannel li a.current,.channelNav .rightChannel li a:active{  background:url(../images/family/nav.png) no-repeat 0 -45px; text-decoration:none;color:#FFF;}
.channelNav .leftChannel li a.on,.channelNav .rightChannel li a.on{ background:url(../images/family/nav.png) no-repeat 0 -91px; color:#FFF;}


.channelNav .rightChannel{ border-right:1px solid #d6d6d6; float:left; height:60px; width:153px; background:#f0f0f0;}
.channelNav .rightChannel .cprev{ padding-top:9px; float:left; width:17px; height:43px; padding-left:10px;}
.channelNav .rightChannel .cnext{ float:right; padding-top:9px; padding-right:10px; width:17px; height:43px;}
.channelNav .rightChannel .cprev a{ width:17px; height:43px; text-indent:-300px; overflow:hidden; white-space:nowrap; background:url(../images/family/roll.png) no-repeat 0 -19px; display:block; float:left;}
.channelNav .rightChannel .cnext a{ width:17px; height:43px; text-indent:-300px; overflow:hidden; white-space:nowrap; background:url(../images/family/roll.png) no-repeat -19px -19px; display:block; float:left;}
.channelNav .rightChannel .midPlay02{ padding-top:9px; float:left; text-align:center; overflow:hidden; position:relative; width:90px; height:43px;}

.channelNav .rightChannel ul{ height:43px; position:absolute; left:0px; overflow:hidden;}
.channelNav .rightChannel li{ float:left; display:inline; margin-left:7px; height:43px; line-height:43px; }



.delBox{ height:60px; float:left; width:73px;}
.delBox a{ background:url(../images/family/del.png) no-repeat; width:73px; height:60px; display:block; overflow:hidden; white-space:nowrap; text-indent:-300px;}
.delBox a:hover{ background:url(../images/family/static.gif) no-repeat; }
.sendItems{ clear:both; border-bottom:1px solid #dedede;}
.sendItems li{ background:url(../images/family/sendbg.png) no-repeat; float:left; display:inline; margin:20px 0 20px 20px; width:214px; height:100px; padding-top:10px; text-align:center; font-size:14px; font-weight:bold;}
.sendItems li p{ line-height:25px; clear:both;}

.talkBox{ padding:20px 0; width:px; margin:1px; background:#f3f3f3; border-bottom:1px solid #dedede;}
.talkBox li{ clear:both; padding-left:20px; margin-bottom:20px;}
.talkBox li .talkHead{ float:left; width:54px;}
.talkBox li .talkHead span{ clear:both; display:block; border:1px solid #ddd; padding:1px; background:#FFF; width:50px; height:50px;}
.talkBox li .talkHead span img{ width:50px; height:50px;}
.talkBox li .talkHead span:hover{ border:1px solid #307c10;}
.talkBox li .talkHead p{ text-align:center; clear:both; line-height:20px; padding-top:5px;}
.talkBox li .talkHead p a{ color:#307c10;}
.talkBox li .talkContent{ display:inline; margin-left:20px; border:1px solid #ddd; background:#FFF; border-radius:5px; float:left; width:800px; padding:10px 15px 15px 15px; position:relative;}
.talkBox li .talkContent b{ width:8px; height:18px; position:absolute; left:-8px; top:10px; background:url(../images/family/l_arrow.png) no-repeat;}
.talkBox li .talkContent .talkTime{ color:#999; line-height:25px; border-bottom:1px solid #ddd;}
.talkBox li .talkContent .talkDetail{ padding-top:10px; line-height:20px; font-size:14px;}
.writeBox { padding:15px 20px; clear:both;}
.writeBox .s1{ border:1px solid #ddd; height:88px; font-size:14px; width:388px; padding:5px; color:#666;}
.talkBtn{ clear:both; padding-top:10px;}
.talk_style{ background:url(../images/rank/btn01.png) no-repeat; height:40px; width:122px; line-height:40px; font-weight:bold; text-align:center; font-size:14px; color:#FFF; cursor:pointer; border:none;}
.talk_style:hover{ background:url(../images/rank/btn01_hover.png) no-repeat;}


.addHead{ font-family:"微软雅黑"; color:#299101; border-bottom:1px solid #fff; line-height:40px; height:40px; clear:both; font-size:20px; font-weight:normal; text-align:center; position:relative;}
.addHead em{ position:absolute; right:5px; top:7px;}
.addHead em a{ width:23px; height:23px; display:block; text-indent:-300px; overflow:hidden; white-space:nowrap; background:url(../images/family/close.png) no-repeat;}
.addCol{ border-top:1px solid #E0E0E0; clear:both; padding:20px 30px;}
.addCol h3{ clear:both; font-size:14px; color:#303030; line-height:25px; padding:10px 0 5px 0;}
.addlistMember{ clear:both;}
.addlistMember li{ display:inline; margin-right:12px; color:#686868; float:left; width:187px; padding:5px 0; font-size:14px;}
.makename{ border:1px solid #ccc; background:#FFF; padding-left:5px; line-height:30px; height:30px; width:500px; color:#686868; font-size:14px; border-radius:5px;}

.chooseon{ clear:both; color:#303030; padding:10px 0; border:1px dashed #ffd267; margin:20px 0; padding-left:10px; background:#fbf9e1;}
.chooseon em{ position:relative; padding:0 5px; display:inline-block; border-radius:5px; background:#f80; line-height:20px; height:20px; color:#fff; margin-right:10px; font-weight:bold;}
.chooseon em b{ width:13px; height:13px; overflow:hidden; white-space:nowrap; text-indent:-300px; background:url(../images/family/close02.png) no-repeat; cursor:pointer; position:absolute; right:-7px; top:-7px;}
.memSearch{ clear:both; padding:10px 0; margin-bottom:15px; background:#ECFAE1; border:1px dashed #c0dcb5;}
.memSearch label{ font-size:14px; padding-left:15px;}
.memSearch .inp08{ border:1px solid #ccc; height:24px; line-height:24px; width:257px; padding-left:5px;}
.memSearch .btn08{ background:url(../images/family/search.png) no-repeat; width:76px; height:26px; cursor:pointer; border:none; font-weight:bold; color:#303030;}

.memberNav{ clear:both; background:#FFF;}
.l_m_nav{border:1px solid #d6d6d6; height:90px; width:847px; float:left; }
.r_m_nav{ float:left; width:111px; height:92px;}
.r_m_nav a{ display:block; padding-left:33px; height:92px; line-height:92px; width:78px; font-size:14px; color:#3e730b; background:url(../images/family/add_member.png) no-repeat;}
.up_nav{ padding-top:7px; height:57px; padding-left:10px; overflow:hidden; clear:both; }
.up_nav li{ line-height:24px; height:24px; float:left; width:88px; padding-left:30px; background:url(../images/family/icon.png) no-repeat 10px center;}
.downPages{ clear:both;line-height:25px; height:25px; border-top:1px solid #d6d6d6; text-align:center;}
.downPages a{ background:url(../images/family/another.png) repeat-x; display:block; height:25px; width:847px; color:#333;}
.downPages a:hover{background:url(../images/family/anotheron.png) repeat-x; text-decoration:none; color:#333; }
.seo{ color:#666; border-radius:5px; background:#f0f5f1; border:1px solid #e1ece8; border-top:1px solid #fff; height:39px; line-height:39px; clear:both; font-size:14px;}
.seo a{ color:#06c; padding:0 5px;}
.seoInner{ padding-left:15px;}

.familyBox{ border-radius:5px; border:1px solid #e0e0e0; clear:both; width:958px; overflow:hidden; background:#FFF url(../images/family/bodybg.png) repeat-y;}
.l_fam{overflow:hidden; float:left; width:340px;  padding:1px;}
.l_fam h3,.m_fam h3{ background:#F5FDED; height:30px; line-height:30px; clear:both; padding-left:12px; border-bottom:1px solid #e0e0e0;}
.l_fam li{ border-bottom:1px solid #ececec; clear:both; padding:7px 10px 7px 20px; margin:1px 0;}
.l_fam li a{ color:#06c;}
.l_fam li .bul{ background:url(../images/userzone/bullet.png) no-repeat 0 center; padding-left:10px;}
.l_fam li.col{ background:#f9f9f9;}
.l_fam li.last{ border-bottom:none;}
.l_fam li p{ color:#999; line-height:20px;}
.m_fam{ overflow:hidden; float:left; width:437px; padding:1px;}
.r_fam{ float:left; width:177px; overflow:hidden;}

.comTell{ border:1px solid #fcbe2b; border-radius:5px; background:#fff;  box-shadow:0 0 1px #ccc; padding:8px 10px; }
.notice{ width:550px; float:left; height:30px; background:url(../images/family/info.png) no-repeat 3px center;position:relative;}
.notice a{ color:#f60;}
.entityList{ float:right; width:350px; height:30px;position:relative;}
.entityList li{ float:left; font-size:14px; line-height:30px; width:110px; text-align:center;}
.entityList li a{ color:#2EAD08;}
.notice span{font-weight:bold; line-height:18px; position:absolute; left:20px; top:0; font-size:14px; color:#2ead08;}
.notice em{ padding-left:109px; line-height:30px; overflow:hidden; height:30px; color:#666; float:left;}
.m_fam .talk{ height:315px; background:url(../images/family/bg.jpg) no-repeat top right; overflow-y:scroll; padding:10px; }
.m_fam .talk li{ clear:both; margin-bottom:10px;}
.m_fam .talk li p{ line-height:20px;}
.m_fam .talk li p a{ color:#0000ff;}
.m_fam .talk li p em{ color:#0000ff; padding-left:7px;}
.m_fam .talk li p.jin12{ padding-left:15px; padding-top:3px;}
.record{ clear:both; border-top:1px solid #e0e0e0; height:32px; border-bottom:1px solid #e0e0e0;}
.record p{ background:#f5fded; position:relative; height:30px; line-height:30px; border-top:1px solid #fff; border-bottom:1px solid #fff;}
.record p a{ position:absolute; right:15px; top:4px;}
.r_fam h5{ position:relative; background:#f5fded; font-weight:bold; color:#212121; padding-left:12px; height:30px; line-height:30px; clear:both;}
.r_fam h5.neighbor{ background:url(../images/family/channelbg.png) repeat-x; height:30px; line-height:30px; }
.r_fam .listBox{ clear:both;}
.r_fam h3{ position:relative; background:url(../images/family/jiayuan.png) no-repeat; height:32px; line-height:32px; color:#FFF; font-size:14px; font-weight:bold; clear:both; padding-left:12px;}
.r_fam h3 span{ position:absolute; right:10px; top:0; font-size:12px; font-weight:normal;}
.r_fam h3 span a{ text-decoration:underline; color:#FFF;}
.r_fam h3 span a:hover{ color:#FFF;}
.listBox li h2{ position:relative; background:url(../images/family/li.png) no-repeat 0 -24px; height:23px; line-height:23px; padding-left:10px; clear:both;}
.listBox li h2 em{ font-weight:normal; color:#;}
.listBox li h2 span{ position:absolute; cursor:pointer; }
.listBox li h2 span.open{ background:url(../images/family/open.png) no-repeat;position:absolute;width:12px;height:6px;right:9px; top:12px;}
.listBox li h2 span.close{ background:url(../images/family/hide.png) no-repeat;position:absolute;width:6px;height:12px;right:9px; top:6px;}

.r_fam h5 span{ position:absolute; right:10px; top:0px; font-weight:normal;}
.r_fam h5 span a{color:#2c9f03; text-decoration:underline;}
.memberList{clear:both;}
.memberList p{ line-height:25px; height:25px; background:url(../images/family/icon.png) no-repeat 10px center; padding-left:25px;}
.memberList p.col{ background:#f0f9e7 url(../images/family/icon.png) no-repeat 10px center;}
.memberList p.addM{ background:none; padding-left:0; height:26px; line-height:26px; clear:both; text-align:right;}
.memberList p.addM a{ background:#f5f5f5; display:block; padding-right:10px; height:26px; text-decoration:underline; color:#2c9f03;}
.memberList p.addM a:hover{ background:#e8f1df;}
.advite{ text-align:right; border-top:1px solid #e0e0e0; line-height:26px; clear:both;}
.advite a{ background:#d9efc3; display:block; padding-right:10px; height:26px; text-decoration:underline; color:#2c9f03;}
.advite a:hover{}

.makeup_out{ position:absolute; z-index:9999; left:195px; top:160px; overflow:hidden; background:#FFF; border:1px solid #31AC03; width:960px; clear:both;}
.makeup{ position:relative; overflow:hidden; background:#FFF; border:1px solid #e4e4e4; width:958px; clear:both;}
.delChannel{ position:absolute; right:12px; top:55px;}
.delChannel a{ background:url(../images/family/makeup.png) no-repeat 0 -295px; width:123px; height:33px; display:block;}
.delChannel a:hover{background:url(../images/family/makeup.png) no-repeat 0 -331px; }
.makeup h3{ position:relative; clear:both; font-size:14px; font-weight:bold; padding-left:12px; line-height:42px; height:42px; background:url(../images/family/makeupbg.png) repeat-x; border-bottom:1px solid #e4e4e4;}
.makeup span{ position:absolute; left:90px; top:5px;}
.makeup span a{ display:block; width:131px; height:33px; line-height:33px; text-align:center; color:#FFF; background:url(../images/family/makeup.png) no-repeat 0 -86px; }
.makeup em{ position:absolute; right:10px; top:12px;}
.makeup h5{ font-size:14px; font-weight:bold; clear:both; padding-left:30px; line-height:38px; height:38px; margin:25px 0 0 0;}
.inclube{ padding:0 60px; clear:both;}
.inclube li{ float:left; width:156px; display:inline; margin:5px; height:95px; background:url(../images/family/makeup.png) no-repeat 0 -122px;}
.inclube li .colbg{ background:#fcebaa; width:118px; height:32px; margin:10px auto 0 auto; padding:9px 10px;}
.inclube li .colbg img{ width:31px; height:31px; border-radius:5px; border:1px solid #7dc223; float:left;}

.inclube li .colbg a{ float:left;}
.inclube li .colbg a.username{ width:78px; overflow:hidden; line-height:32px; padding-left:5px; color:#333;}
.inclube li .inc_Btn{ clear:both; padding:8px 8px 0 8px;}
.inclube li .inc_Btn a.del{ background:url(../images/family/makeup.png) no-repeat; width:43px; text-align:center; color:#666; height:22px; line-height:22px; float:left; display:block;}
.inclube li .inc_Btn a.high{ background:url(../images/family/makeup.png) no-repeat 0 -25px; width:91px; height:22px; margin-left:5px; line-height:22px; text-align:center; display:block; float:left; color:#fff;}
.addpeople{}
.secinv{ padding-bottom:20px;}
.addpeople li{ clear:both; padding:10px 0;}
.addpeople label{ width:147px; float:left; color:#666;  text-align:right; font-size:14px; line-height:32px;}
.addpeople .r_con{ float:left; width:px;}
.addpeople .r_con .input01{ padding-left:5px; width:270px; height:32px; border:1px solid #e4e4e4; line-height:32px;}
.addpeople .r_con .startSearch{ background:url(../images/family/makeup.png) no-repeat 0 -50px; width:99px; height:33px; text-align:center; color:#FFF; font-size:14px; font-weight:bold; border:none; cursor:pointer;}
.r_con dd,.usbg li{ margin:0 5px; display:inline; float:left; width:72px; height:72px; text-align:center;}
.r_con dd a,.usbg li a{ position:relative; color:#666; line-height:23px; display:block; background:url(../images/family/makeup.png) no-repeat 0 -220px; width:72px; padding-top:12px; height:60px;}
.r_con dd a:hover,.usbg li a:hover{ text-decoration:none; color:#333; background:url(../images/family/makeup.png) no-repeat -75px -220px; }
.r_con dd a img{ width:30px; height:30px; border-radius:5px;}
.r_con dd a .dis,.usbg li a img{ width:19px; height:29px; border-radius:0;}
.r_con dd a.on,.usbg li a.on{ background:url(../images/family/makeup.png) no-repeat -75px -220px;}
.r_con dd a s,.usbg li a s{ position:absolute; right:1px; bottom:1px; background:url(../images/family/chooseon.png) no-repeat; width:18px; height:17px;}
.twobox{ width:250px; padding-top:25px; margin:0 auto;}
.twobox dd{ margin:0 25px;}
.addpeople li.padLeft{ padding-left:147px; margin-bottom:20px;}
.btn_invide{background:url(../images/family/makeup.png) no-repeat 0 -50px; width:99px; height:33px; text-align:center; color:#FFF; font-size:14px; font-weight:bold; border:none; cursor:pointer;}
.fubg{ width:760px; clear:both; margin:0 auto; padding:20px 20px 0 20px;}
.fubg li{ background:url(../images/family/makeup.png) no-repeat 0 -366px; margin:0 20px; display:inline; float:left; width:141px; height:141px; text-align:center;}
.fubg li .funame{ font-family:"微软雅黑"; font-size:24px; color:#30ac02; line-height:55px;}
.fubg li .input02{ border:1px solid #d6d6d6; color:#666; width:117px; padding-left:5px; height:25px; line-height:25px; font-size:14px; font-family:"微软雅黑"; }
.fubg li .fuinvite{ padding-top:15px;}
.fubg li .fuinvite .btnstyle{ border:none; color:#FFF; font-size:14px; cursor:pointer; width:70px; height:27px; background:url(../images/family/makeup.png) no-repeat 0 -509px;}
.fubg li .fuinvite .cancle{ border:none; color:#FFF; font-size:14px; cursor:pointer; width:48px; margin-left:5px; color:#666; height:27px; background:url(../images/family/makeup.png) no-repeat -72px -509px;}
.fubg li .fuinput{ height:27px; color:#30ac02; text-align:center; font-size:14px; font-family:"微软雅黑";}
.w_141{ width:220px;}
.usbg{ width:485px; margin:0 auto; padding-top:25px;}
.usbg li.sec{ padding-left:285px;}
.fubg li.mainpeo{ margin-left:111px;}
.fubg li.mainpeo02{ margin-left:201px;}
.child{ width:150px; margin:0 auto; clear:both; padding:20px 0;}
.child li a{ padding-left:28px; background:url(../images/family/add01.png) no-repeat; font-size:18px; font-family:"微软雅黑"; text-decoration:underline; color:#30ac02;}
